<template>
  <div class="app-container ohn">
    <el-divider
      content-position="left"
    >申请信息 Applicant Information</el-divider>
    <el-descriptions class="margin-top" title="" :column="3" size="small">
      <el-descriptions-item>
        <template slot="label"> 申请单位名称 Application Name </template>
        {{ ApplyDetail.applicationName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 申请单位地址 Applicant Address </template>
        {{ ApplyDetail.applicationAddress }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 报告抬头 Report Title</template>
        {{ ApplyDetail.reportTitle }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 同申请方 Same as applicant </template>
        {{ ApplyDetail.sameAsApplicant }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 其他名称 Others Name</template>
        {{ ApplyDetail.otherName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 其他地址 Others Address</template>
        {{ ApplyDetail.otherAddress }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 联系人 Contact </template>
        {{ ApplyDetail.contact }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">电话 Tel </template>
        {{ ApplyDetail.tel }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">传真 Fax</template>
        {{ ApplyDetail.fax }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 电邮 E-mail</template>
        {{ ApplyDetail.email }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">报告邮寄地址 Report Delivered To </template>
        {{ ApplyDetail.deliveredTo }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 付款方 Payer</template>
        {{ ApplyDetail.payer }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 发票抬头 Invoice Title</template>
        {{ ApplyDetail.invoiceTitle }}
      </el-descriptions-item>
    </el-descriptions>
    <el-divider
      class="mb36"
      content-position="left"
    >样品信息Sample Information</el-divider>
    <el-descriptions class="margin-top" title="" :column="3" size="small">
      <el-descriptions-item>
        <template slot="label">样品名称 Sample Name </template>
        {{ ApplyDetail.sampleName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 样品数量 Sample Quantity </template>
        {{ ApplyDetail.sampleQuantity }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 样品型号 Sample Model </template>
        {{ ApplyDetail.sampleModel }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 商标 Brand </template>
        {{ ApplyDetail.brand }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 样品批号 Lot No</template>
        {{ ApplyDetail.lotNo }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">规格 Specification </template>
        {{ ApplyDetail.specification }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 供应商 Supplier </template>
        {{ ApplyDetail.supplier }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 订单号 P/O No</template>
        {{ ApplyDetail.poNum }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 购买商 Buyer</template>
        {{ ApplyDetail.buyer }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 生产商 Manufacturer</template>
        {{ ApplyDetail.manufacturer }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">出口地 Report Type </template>
        {{ ApplyDetail.exportedTo }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 生产国 Country of Origin </template>
        {{ ApplyDetail.originCountry }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">报告格式 Report format </template>
        {{ ApplyDetail.reportFormat }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 报告方式 Report Type</template>
        {{ ApplyDetail.reportType }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">是否接受分包 Agree to subcontract </template>
        {{ ApplyDetail.agreeToSubcontract }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">服务类型 Service Requested </template>
        {{ ApplyDetail.serviceType }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 样品处理方式 Sample Treatment </template>
        {{ ApplyDetail.sampleTreatment }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 申请公司授权人签名</template>
        {{ ApplyDetail.applicantSigCop }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 申请日期 Date </template>
        {{ ApplyDetail.applicationDate }}
      </el-descriptions-item>
    </el-descriptions>

    <el-divider content-position="left">多种材料清单样品明细</el-divider>
    <vxe-table
      ref="xTable"
      border
      show-footer
      show-overflow
      class="editable-footer mb20"
      :row-config="{ isHover: true }"
      :export-config="{}"
      :data="ApplyDetail.testApplicationItemList"
    >
      <vxe-column type="seq" width="60" :title="'序号 Num'" align="right" />
      <vxe-column
        field="sampleName"
        :title="'样品（部位）名称 (Part of)Sample Name'"
      />
      <vxe-column field="sampleModel" :title="'样品型号 Sample Model'" />
      <vxe-column
        field="sampleMaterial"
        :title="'材质 Style/Sample Material'"
      />
      <vxe-column
        field="sampleDescription"
        :title="'样品描述 Sample Description'"
      />
      <vxe-column field="testingItem" :title="'测试项目 Test Item'" />
      <vxe-column field="accordingTo" :title="'判定依据 According to'" />
      <vxe-column field="remark" :title="'备注 Remark'" />
    </vxe-table>
  </div>
</template>

<script>
export default {
  props: {
    ApplyDetailData: {
      type: Object
    }
  },
  data() {
    return {
      ApplyDetail: {}
    }
  },
  watch: {
    ApplyDetailData: {
      handler(newVal, oldVal) {
        this.ApplyDetail = this.ApplyDetailData
        console.log(this.ApplyDetailData)
      },
      deep: true
    }
  },
  methods: {}
}
</script>
